<script setup>

import {useMyStore} from "~/store/myStore.ts";

const myStore = useMyStore()
const {$message} = useNuxtApp()
</script>

<template>
<!--  <h1>hello world</h1>
  <a-button type="primary" @click="myStore.add()">更新</a-button>
  <h1>counter:{{myStore.counter}}</h1>
  <h1>counter:{{myStore.doubleCounter}}</h1>-->
  <NuxtImg src="/img/favicon.png" />
  <table class="border-separate border-spacing-2 border border-slate-400 ...">
    <thead>
    <tr>
      <th class="border border-slate-300 ...">State</th>
      <th class="border border-slate-300 ...">City</th>
    </tr>
    </thead>
    <tbody>
    <tr>
      <td class="border border-slate-300 ...">Indiana</td>
      <td class="border border-slate-300 ...">Indianapolis</td>
    </tr>
    <tr>
      <td class="border border-slate-300 ...">Ohio</td>
      <td class="border border-slate-300 ...">Columbus</td>
    </tr>
    <tr>
      <td class="border border-slate-300 ...">Michigan</td>
      <td class="border border-slate-300 ...">Detroit</td>
    </tr>
    </tbody>
  </table>
</template>

<style scoped>

</style>